<template>
     <div class="home">
    <h2>欢迎回家，小狗狗！</h2>
    <img src="https://place.dog/400/300" alt="可爱的小狗">
    <p>在这里，你可以了解关于宠物狗的一切。</p>
  </div>
</template>

<script lang="ts" setup name="home">

</script>

<style scoped>
.home {
  text-align: center;
}

.home img {
  margin-top: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.home p {
  font-size: 18px;
  color: #555;
  margin-top: 10px;
}
</style>